*{ margin: 0; padding: 0;}
body,html{font-family: 'Helvetica Neue', Helvetica,"宋体", sans-serif; color: #333; font-size: 100px;height: 100%;overflow: hidden;}
body{display:box;display:-webkit-box;margin:0 auto; box-orient:horizontal;-webkit-box-orient:vertical}
.rs-content{box-flex:1; -webkit-box-flex:1; overflow: hidden;}
*:focus { outline: none; }
.f12{ font-size: 0.24rem;}
.f13{ font-size: 0.26rem;}
.f14{ font-size: 0.28rem;}
.f15{ font-size: 0.30rem;}
.f16{ font-size: 0.32rem;}
.f18{ font-size: 0.36rem;}
.f22 {font-size: 0.44rem;}
.f24{ font-size: 0.48rem;}
.f-arial{ font-family: arial;}
img{max-width: 100%;}
a{ text-decoration: none;}
ul,li{ list-style: none;}
.rs-clearfix:after,.rs-clearfix:before {display: table;content: ' '}
.rs-clearfix:after {clear: both}
.rs-btn-success{ background: url(../img/bk-3.jpg) repeat-x; background-size: 100% 100%;border: 1px solid #b0b0b0;height: 0.6rem; width: 1.5rem; line-height: 0.6rem; border-radius: 0.6rem; text-align: center;}
.rs-hide{ display: none;}
.rs-show{ display: block;}
.rs-alert.rs-hide{opacity: 0 !important; z-index: 0 !important;}

header{ height: 44px; line-height: 44px; background: url(../img/bk-1.jpg) repeat-x center; color: #d1a286;font-size: 17px; text-align: center; position: relative;}
header .rs-pull-left,header .rs-pull-right{position:absolute; top: 0; left: 15px; height: 44px;color: #d1a286;}
header .rs-pull-right{right: 15px; left: auto;}

footer{z-index: 99; height: 0.76rem; background: url(../img/bk-2.jpg) repeat-x center; position: relative; color: #fff;}
footer a{color: #d1a185;}
footer .rs-gouwuche{ position: absolute; top: -0.26rem; left: 0.43rem; width: 0.9rem; height: 0.9rem; line-height: 0.9rem; text-align: center; border-radius: 100%; background: url(../img/btn_gwc.png) repeat-x; background-size: 100% 100%; border: 1px solid #fff;box-sizing: border-box; -webkit-box-sizing: border-box; }
footer .rs-gouwuche-num{position: absolute;top: -0.26rem;left: 1.11rem; background: url(../img/bk-3.jpg) repeat-x; background-size: 100% 100%;color: #d1a185;text-align: center;border: 1px solid #d1a185;width: 0.25rem;height: 0.25rem;line-height: 0.25rem;font-size: 0.20rem;border-radius: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.rs-success{ position: absolute; top: 0.08rem; right:15px;}
footer.rs-order-none .rs-gouwuche,.rs-order-none .rs-success,footer.rs-order-none .rs-gouwuche-num{ opacity: 0.9; -webkit-opacity: 0.9;}
/*ä¸­é—´éƒ¨åˆ†*/
.rs-nav{ height: calc(100vh - 44px - 3.26rem);height: -webkit-calc(100vh - 44px - 3.26rem);}
.rs-bk-img{width: 100%;height: 1.4875rem;overflow: hidden;}
.swiper-container {width: 100%;height: 100%;}
.swiper-pagination-bullet{background: #fff;}
.swiper-pagination-bullet-active {background: #d1a185;}
.rs-bk-img img{height: 1.4875rem;width: 100%;}
.rs-nav-left{width: 1.8rem;background: #161514;height: 100%;padding: 0.15rem 0 0.26rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;float: left;overflow: auto;}
.rs-nav-left li{padding: 0.2rem 0;text-align: center;position: relative;font-family: "å®‹ä½“";}
.rs-nav-left li:after{ content: ""; position: absolute; bottom: 0; left: 0.0625rem; right: 0.0625rem; height: 1px; background: url(../img/tu_1.png); background-size: 100% 100%;}
.rs-nav-left li a{color: #d1a185;}
.rs-nav-left li.rs-active{/* background: #000000; */}
/*.rs-nav-left li.rs-active:before{ height: 100%; width: 3px; background: #13c093; content: ""; position: absolute; top: 0; left: 0;}*/
.rs-nav-img{height: 0.46rem;display: block;margin: 0 auto;}
.rs-nav-right{ height: 100%; background: #161514; margin-left: 1.8rem; padding: 0.15rem 0 0 0.15rem; overflow: auto;box-sizing: border-box; -webkit-box-sizing: border-box;}
.rs-nav-right h3{font-weight: normal;position: relative;padding-left: 10px;color: #d1a185;}
.rs-nav-right h3:before{content: "";position: absolute;left: 0;width: 4px;height: 4px;background: #d1a185;top: 50%;margin-top: -2px;}
.rs-nav-right ul{ padding-top: 0.15rem;box-sizing: border-box; -webkit-box-sizing: border-box;}
.rs-nav-right li{ float: left; width: 2.225rem; max-width: 50%; }
.rs-nav-right li a{margin-right: 0.15rem;margin-bottom: 0.15rem;display: block;color: #d1a185;position: relative;}
.rs-nav-right li a img{ display: block; border-radius: 10px 10px 0 0; width: 2.075rem; height: 2.075rem;}
.rs-nav-right li .rs-nav-title{height: 0.4rem;line-height: 0.4rem;padding: 0.05rem;border-radius:0 0 10px 10px;font-size: 0.28rem;/* text-align: center; */background: #311f15;}
.rs-nav-title-r{ height: 0.18rem; overflow: hidden;}
.rs-bk-shadow{background: rgba(0,0,0,0.4); position: absolute; top: 44px; bottom: 0; left: 0; right: 0;}
.rs-bk-shadow.rs-hide{ display: none;}
.rs-shadow{ transform: scale(1.02); -webkit-transform: scale(1.02);
	-webkit-filter: blur(8px); /* Chrome, Opera */
       -moz-filter: blur(8px);
        -ms-filter: blur(8px);    
            filter: blur(8px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8, MakeShadow=false); /* IE6~IE9 */}
/*detail*/
.rs-detail{position: absolute;/*z-index: 99;*/margin-top: 22px;left: 0.36rem;right: 0.36rem;top: 50%;transform: translateY(-50%);}
.rs-detail .rs-detail-img{ margin: 0 auto; width: 4.96rem; height: 4.96rem; overflow: hidden; position: relative; z-index: 100;}
.rs-detail-img h3{ font-weight: normal; position: absolute; top: 10px; color: #fff; width: 100%; text-align: center;}
.rs-detail-img img{ display: block; height: 100%; border-radius: 5px; margin: 0 auto;}
.rs-detail-img .rs-detail-nav{ position: absolute; bottom: 0;margin: 0.2rem 0; left: 0.2rem; right: 0.2rem; font-size: 0.36rem; color: #fff;}
.rs-detail-nav .rs-detail-price{ float: right; font-size: 0.4rem;}
.rs-detail-text{margin-top: -2rem;background: #311f15;color: #d1a185;border-radius: 5px;z-index: 99;padding: 2.2rem 0.235rem 0.1rem 0.235rem;}
.rs-detail-text .rs-icon-add {width: 0.8rem;height: 0.8rem;background: url(../img/bk-3.jpg) repeat-x;background-size: 100% 100%;color: #d1a185;font-weight: bold;text-align: center;line-height: 0.8rem;display: block;border-radius: 100%;}
.rs-detail-text p {min-height: 0.26rem;}
.rs-add {position: relative;padding-right: 1rem;height: 0.5rem;margin: 10px 0;margin-top: 0.2rem;}
.rs-add .rs-icon-add {position: absolute;right: 0;bottom: 0;}
.rs-icon-clear{ position: absolute; right: 0.06rem; top: -0.3rem; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; color: #fff; background: #272928; text-align: center; z-index: 101; border-radius: 100%;}
@media only screen and (min-height: 480px) and (max-height: 500px) {
	.rs-detai{left: 0.24rem;right: 0.24rem;}
	.rs-detail-text .rs-icon-add{ margin: 0.2rem auto;}
	.rs-detail-text p{ max-height: 1.4rem; overflow: hidden; line-height: 0.28rem; font-size: 0.24rem;}
}
/*选择桌数*/
.rs-border-dashed{ border-bottom:  1px dashed #d1a185;}
.rs-choose{ background-image: url(../img/bk-4.jpg); background-size: cover;height: 100%;position: absolute;width: 100%;z-index: 999;}
.rs-choose-zs,.rs-choose-logo{width: 3.75rem; margin: 0 auto; text-align: center;}
.rs-choose-logo{padding: 1.25rem 0 0.625rem 0;}
.rs-choose-logo img{ display: block; height: 0.625rem; margin: 0 auto;}
.rs-choose-title{ line-height: 3em;color: #d1a185;}
.rs-choose-zs ul{ overflow: hidden; margin-bottom: 8px;}
.rs-choose-zs ul li{ float: left; min-width: 2.55em; color: #d1a185; padding: 10px; margin:  0 0.045rem 0.125rem 0.045rem; border-radius: 5px; background: url(../img/bk-3.jpg) repeat-x center;}
.rs-choose-zs ul li.rs-active{background: #d1a185; color: #fff;}
.rs-choose-zs{height: calc(100vh - 3.25rem);height: -webkit-calc(100vh - 3.25rem);}
.rs-choose-bottom{ height: 0.1875rem; display: block; margin: 0 auto;}
.rs-change-order {position: absolute;left: 0.36rem;padding: 0.36rem 0;right: 0.36rem;top: 50%;transform: translateY(-50%); background-image: url(../img/bk-4.jpg);background-size: cover;border-radius: 20px; text-align: center;}
.rs-change-order .rs-choose-logo{ padding: 0.2rem 0;}
.rs-change-order ul{padding: 0.625rem 0;}
.rs-change-order ul li {display: inline-block;min-width: 2.55em;color: #d1a185;padding: 15px;margin: 0 0.32rem;border-radius: 5px;background: url(../img/bk-3.jpg) repeat-x center;}
/*æ”¯ä»˜*/
.rs-zhifu{z-index: 100; position: absolute; top: 0.6rem; margin-top: 44px; bottom: 0; left: 0; right: 0;}
.rs-zhifu .rs-icon-clear{ right: 0.3rem;}
.rs-detail-zhifu{background: #dcdddd;border-radius: 20px;padding: 0.2rem 0;margin: 0 0.5rem;height: calc(100% - 1.2rem);height: -webkit-calc(100% - 1.2rem);box-sizing: border-box;-webkit-box-sizing: border-box;}
.rs-detail-zhifu h5{ color: #999; font-weight: normal; padding-left: 0.23rem;}
.rs-order-list{padding-left: 0.23rem;height: calc(100% - 1.04rem);height: -webkit-calc(100% - 1.04rem);overflow: auto;overflow-x: hidden;}
.rs-order-list li{border-bottom: 1px solid #eee;padding: 0.16rem 0;position: relative;height: 1.08rem;width: 6.46rem; left: 0; transition: left .6s ease;-webkit-transition: left .6s ease}
.rs-order-list li.swipeleft{ left: -1.42rem;}
.rs-order-list li:last-child{ border: none;}
.rs-order-img{ float: left; width: 1.08rem; height: 1.08rem; border-radius: 5px;}
.rs-order-body{margin-left: 1.3rem;padding-right: 1.8rem;margin-right: 1.42rem;position:  relative;}
.rs-order-body .f16{ margin-bottom: 0.2rem;}
.rs-order-jiaj{ position: absolute; right: 0.2rem; top: 50%; margin-top: -0.26rem; text-align: center;}
.minus,.result{ opacity: 0;}
.rs-order-jiaj .result{ width: 0.7rem; height: 0.5rem; line-height: 0.5rem; border: none; background: none; float: left; text-align: center;}
.rs-order-jiaj .minus,.rs-order-jiaj .add{ border-radius: 100%; height: 0.5rem; width: 0.5rem; float: left;z-index: 99; position: relative; background-size: 100% 100%;}
.rs-order-jiaj .add{ background-image: url(../img/tu_jia.png);}
.rs-order-jiaj .minus{ background-image: url(../img/tu_jian.png);}
/*.rs-order-jiaj.bk-success .minus,.rs-order-jiaj.bk-success .add{background: url(../img/bk-3.jpg) repeat-x; background-size: 100% 100%;/* border: 1px solid #00BB82; color: #d1a185;}*/
.rs-order-del{background: #d1a185;color: #fff;width: 1.42rem;text-align: center;font-size: 0.4rem;height: 1.08rem;line-height: 1.08rem;float: right;}
.rs-zhuos{ border-top: 1px solid #eee;display: none}
.rs-zhuos input{border: none;height: 0.8rem;line-height: 0.8rem;text-align: center;display:  block;width: 100%;background: #dcdddd;border-radius: 0 0 20px 20px;}
.rs-order-footer{z-index: 100;height: 0.86rem;line-height: 0.86rem;color: #fff;background: url(../img/bk-2.jpg) repeat-x center;padding-left: 0.5rem;position: relative;margin-top: 0.34rem;}
.rs-success.rs-btn-wc{background-image: url(../img/btn_1.png);background-size: 100% 100%;width: 1.043rem;height: 0.31rem;margin-top: 0.02rem;}
.rs-order-footer .rs-success{background-image: url(../img/btn_2.png);background-size: 100% 100%;width: 1.043rem;height: 0.31rem;margin-top: 0.1rem;}

.rs-fixed-order{z-index: 99;background: #dcdddd;position: fixed;bottom: 0.76rem;width: 100%;padding: 0.2rem;box-sizing: border-box;-webkit-box-sizing: border-box;opacity: 1;top: auto;}
.rs-fixed-order.fadeInUp{ top: auto;}
.rs-fixed-order ul{ max-height: 3.2rem; overflow-y: auto; }
.rs-fixed-order ul li{position: relative;border-bottom: 1px solid #1e140b;padding: 0.13rem 0;}
.rs-fixed-order ul li:last-child{ border: none;}
.rs-order-clear{height: 0.32rem;color: #d1a185;font-size: 0.30rem;padding-bottom: 0.2rem;padding-right: 0.2rem;text-align: right;}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
	.rs-nav-img {/* width: 0.23rem; */height: 0.325rem;/* padding: 0.11rem; */}
    .rs-bk-img{height: 1.4875rem;}
    .f12{font-size: 0.12rem;}
    .f13{font-size: 0.13rem;}
    .f14{ font-size: 0.14rem;}
    .f15{font-size: 0.15rem;}
    .f16 {font-size: 0.16rem;}
    .f18 {font-size: 0.18rem;}
    .f22 {font-size: 0.22rem;}
    .f24 {font-size: 0.34rem;}
    .rs-nav{height: calc(100vh - 44px - 1.9875rem);height: -webkit-calc(100vh - 44px - 1.9875rem);}
    .rs-nav-left{width: 1.5rem;padding-top: 0.11rem;}
    .rs-nav-right{margin-left: 1.5rem;padding: 0.11rem 0 0 0.11rem;}
    .rs-nav-right ul{ padding-top: 0.11rem;}
    .rs-nav-right li{width: 1.58rem;}
    .rs-nav-right li a{ margin-right: 0.11rem; margin-bottom: 0.11rem;}
    .rs-nav-right li a img{width: 1.47rem;height: 1.47rem;}
    .rs-nav-right li .rs-nav-title{height: 0.36rem;line-height: 0.18rem;font-size: 0.14rem;}
    .rs-nav-right li .rs-nav-title .rs-jia{width: 0.28rem;height: 0.28rem;float: right;margin-top: 0.06rem;/* margin-right: 0.06rem; */}
    footer{ z-index: 99;height: 0.5rem;}
    footer .rs-gouwuche{ left: 0.38rem; width: 0.64rem; height: 0.64rem; line-height: 0.64rem;}
    footer .rs-gouwuche-num{ left: 0.9rem;}
    .rs-btn-success{height: 0.34rem;width: 1.2rem;line-height: 0.34rem;border-radius: 8px;}
    /*detail*/
    .rs-detail{left: 50%;right:auto;width: 3.875rem;margin-left: -1.9375rem;}
    .rs-icon-clear{right: 0.04rem;top: -0.2rem;width: 0.4rem;height: 0.4rem;line-height: 0.4rem;font-size: 0.16rem;}
    .rs-detail .rs-detail-img,.rs-detail-img img{height: 3.4875rem;width: 3.4rem;}
    .rs-detail-img .rs-detail-nav{ font-size: 0.16rem; margin: 0.1rem 0;left: 0.1rem;right: 0.1rem; line-height: 0.2rem; }
    .rs-detail-nav .rs-detail-price{font-size: 0.2rem;}
    .rs-detail-text .rs-icon-add{margin: 0.2rem auto;width: 0.4rem;height: 0.4rem;line-height: 0.4rem;font-size: 0.2rem;}
    /*æ”¯ä»˜*/
   .rs-detail-zhifu{z-index: 100;padding: 0.1rem 0 0 0;height: calc(100% - 1.2rem);}
   .rs-order-list{height: calc(100% - 0.42rem);}
   .rs-order-list li{ height: 0.6rem; padding: 0.08rem 0; width: 6.12rem;}
   .rs-order-list li.swipeleft{ left: -1rem;}
   .rs-order-img{height: 0.6rem; width: 0.6rem;}
   .rs-order-del{height: 0.6rem;line-height: 0.6rem; width: 1rem; font-size: 0.24rem;}
   .rs-order-body{ padding-right: 1.4rem;margin-left: 0.7rem;margin-right: 1rem;}
   .rs-order-body .f16{ margin-bottom: 0.1rem;}
   .rs-order-jiaj{ margin-top: -0.155rem;}
   .rs-order-jiaj .minus, .rs-order-jiaj .add{ width: 0.31rem; height: 0.31rem; line-height: 0.31rem; font-size: 0.16rem;}
   .rs-order-jiaj .result{width: 0.5rem;height: 0.31rem; line-height: 0.31rem; }
   .rs-zhuos input{ height: 0.4rem;line-height: 0.4rem;}
   .rs-order-footer{z-index: 100;height: 0.6rem;line-height: 0.6rem;margin-top: 0.6rem;}
   .rs-order-clear{ font-size: 0.16rem; padding-bottom: 0.05rem;}
   .rs-fixed-order{z-index: 99;bottom: 0.5rem;padding: 0.1rem 0.2rem 0.38rem 0.2rem;}
}